<nz-form-item>
  <nz-form-label *ngIf="labelWidth!=0" [nzSpan]="labelWidth"
                 [nzRequired]="required"
                 nzNoColon="true">{{name ? name : ' '}}</nz-form-label>
  <nz-form-control [nzSpan]="inputWidth" class="dhl-transfer-control" #inputControl>
    <div nz-row nzType="flex" nzJustify="space-between" nzAlign="middle">
      <div nz-col nzSpan="11" class="transfer-left" style="height: 518px;overflow-y: scroll;">
        <dhl-query-location *ngIf="showQuery" [colWidths]="queryWidth" [tableRef]="leftTableRef">
          <ng-content></ng-content>
        </dhl-query-location>
        <dhl-table [showAdd]="showAdd"
                   [showEdit]="false"
                   [showDelete]="false"
                   [showCheck]="true"
                   [formConfig]="formConfig"
                   [disabledData]="leftDisableDatas"
                   [notDisabledData]="leftNotDisabledData"
                   (checkChange)="leftCheckedChange($event)"
                   (checkAll)="leftCheckAll($event)"
                   [domain]="domain"
                   [primaryKey]="primaryKey"
                   [params]="params"
                   [fields]="fields"
                   [checkedDatas]="checkedDatas"
                   [maxHeight]="350"
                   showCheck
                   #leftTable
        >
        </dhl-table>
      </div>
      <div nz-col nzSpan="2" class="transfer-direction">
        <dhl-button icon="right" (buttonClick)="rightClick()"></dhl-button>
        <br/>
        <dhl-button icon="left" (buttonClick)="leftClick()"></dhl-button>
        <ng-container *ngIf="showSort">
          <br/>
          <dhl-button icon="up" (buttonClick)="upClick()"></dhl-button>
          <br/>
          <dhl-button icon="down" (buttonClick)="downClick()"></dhl-button>
        </ng-container>
      </div>
      <div nz-col nzSpan="11" class="transfer-right" style="height: 518px;overflow-y: scroll;">
        <dhl-table [showAdd]="false"
                   [showEdit]="false"
                   [showDelete]="false"
                   [showCheck]="true"
                   [primaryKey]="primaryKey"
                   [datas]="rightDatas"
                   (checkChange)="rightCheckedChange($event)"
                   (checkAll)="rightCheckAll($event)"
                   [fields]="fields"
                   [maxHeight]="450"
                   showCheck
                   #rightTable
        >
        </dhl-table>
      </div>
    </div>

    <input dhl-input-element hidden [value]="value"/>
    <button class="reset-button" hidden (click)="reset()"></button>
  </nz-form-control>
</nz-form-item>






